<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>SVG</title>
    <style>
      .chart {
        background-color: rgba(0, 0, 0, 0.3);
      }
    </style>
  </head>
  <body>
    <svg class="chart" width="1200" height="400">
      <line x1="100" y1="100" x2="200" y2="200" stroke="#000" />

      <polyline
        points="100 250, 200 350, 300 250, 100 250"
        fill-opacity="0"
        stroke="#000"
      />

      <rect
        x="400"
        y="100"
        width="150"
        height="100"
        fill-opacity="0"
        stroke="pink"
      />

      <circle cx="700" cy="200" r="50" fill-opacity="0" stroke="pink" />

      <ellipse
        cx="700"
        cy="200"
        rx="100"
        ry="50"
        fill-opacity="0"
        stroke="pink"
      />

      <path
        d="
          M 900 150
          L 1100 150
          L 950 280
          L 1000 100
          L 1050 280
          Z
        "
        fill-opacity="0"
        stroke="pink"
      />
    </svg>

    <svg viewBox="0 0 1024 1024" width="16" height="16">
      <path
        d="M518.4 149.290667c112.597333-80.789333 267.882667-69.397333 368.128 32 53.866667 54.528 84.138667 128.853333 84.138667 206.378666 0 77.525333-30.293333 151.850667-84.096 206.336l-294.421334 299.52a110.976 110.976 0 0 1-80.213333 34.474667 110.72 110.72 0 0 1-79.914667-34.176L137.322667 593.770667C83.562667 539.242667 53.333333 464.981333 53.333333 387.541333s30.229333-151.722667 84.010667-206.272c101.973333-103.146667 260.992-113.152 374.016-27.626666l0.554667 0.426666z m322.602667 76.970666c-84.629333-85.589333-219.157333-88.64-307.328-6.954666l-21.76 20.138666-21.717334-20.138666c-88.192-81.685333-222.72-78.634667-307.306666 6.933333-41.92 42.496-65.557333 100.608-65.557334 161.28 0 60.693333 23.637333 118.805333 65.6 161.344l295.04 300.416c9.045333 9.450667 21.269333 14.72 33.962667 14.72 12.693333 0 24.917333-5.269333 34.261333-15.04L840.96 549.077333c42.005333-42.496 65.685333-100.650667 65.685333-161.408 0-60.736-23.68-118.912-65.664-161.408z m-192.874667 15.509334c52.416 0.96 95.296 16.981333 126.826667 48.512 31.552 31.573333 47.509333 74.410667 48.32 126.72a32 32 0 1 1-64 1.002666c-0.554667-36.586667-10.56-63.466667-29.568-82.453333-19.029333-19.029333-46.016-29.12-82.773334-29.802667a32 32 0 0 1 1.194667-63.978666z"
        fill="#d81e06"
      ></path>
    </svg>

    <svg
      t="1693365737821"
      class="icon"
      viewBox="0 0 1024 1024"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg"
      p-id="2012"
      width="16"
      height="16"
    >
      <path
        d="M512 74.666667c241.536 0 437.333333 195.797333 437.333333 437.333333S753.536 949.333333 512 949.333333a436.096 436.096 0 0 1-242.986667-73.685333 32 32 0 1 1 35.584-53.162667A372.096 372.096 0 0 0 512 885.333333c206.186667 0 373.333333-167.146667 373.333333-373.333333S718.186667 138.666667 512 138.666667 138.666667 305.813333 138.666667 512a372.096 372.096 0 0 0 62.848 207.402667 32 32 0 0 1-53.162667 35.605333A436.096 436.096 0 0 1 74.666667 512C74.666667 270.442667 270.464 74.645333 512 74.645333z"
        fill="#2c2c2c"
        p-id="2013"
      ></path>
      <path
        d="M360.32 319.829333a32 32 0 0 1 45.184-2.197333l95.936 87.104 95.68-87.061333a32 32 0 0 1 42.88-0.192l2.346667 2.304a32 32 0 0 1-2.133334 45.226666l-117.184 106.666667a32 32 0 0 1-43.050666 0l-117.482667-106.666667a32 32 0 0 1-2.197333-45.184z"
        fill="#2c2c2c"
        p-id="2014"
      ></path>
      <path
        d="M640 448a32 32 0 0 1 0 64H341.333333a32 32 0 0 1 0-64h298.666667zM640 554.666667a32 32 0 0 1 0 64H341.333333a32 32 0 0 1 0-64h298.666667z"
        fill="#2c2c2c"
        p-id="2015"
      ></path>
      <path
        d="M496.426667 416a32 32 0 0 1 32.917333 31.082667l7.957333 277.333333a32 32 0 0 1-63.978666 1.834667l-7.957334-277.333334a32 32 0 0 1 31.061334-32.896z"
        fill="#2c2c2c"
        p-id="2016"
      ></path>
    </svg>
  </body>
</html>
